<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>05-个人中心-已登录-01设置-07所在省市1</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <link href="css/public.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/personal.css" rel="stylesheet" type="text/css" media="all" />
    <script src="js/jquery-2.1.4.min.js"></script>
</head>
<body class="graybody">
<header class="header">
    <div class="header_right save_address fontcolor" style="display:none;">保存</div>
    <div class="header_left"><a href="#" class="returnico"></a></div>
    <div class="header_center fontcolor">所在省市</div>
</header>
<!--所在省市-->
<div class="suozaishengshi">
    <ul class="sheng_ul">
        <li><a href="#">河北省</a></li>
        <li><a href="#">河南省</a></li>
    </ul>
    <ul class="shi_ul" style="display:none">
        <li><a>邯郸市</a></li>
        <li><a>石家庄</a></li>
    </ul>
    <ul class="qu_ul" style="display:none">
        <li><a>某某区1</a></li>
        <li><a>某某区2</a></li>
    </ul>
</div>
<script>
    //地区选择
	var addressArr=[];
	var address;
	$(".suozaishengshi").on("click",".sheng_ul li",function(){
		$(this).addClass("fontcolor").siblings("li").removeClass("fontcolor");
		$(this).parent("ul").hide();
		$(this).parent("ul").siblings("ul").hide();
		$(".shi_ul").show();
		addressArr[0]=$(this).children("a").html();
	})
	$(".suozaishengshi").on("click",".shi_ul li",function(){
		$(this).addClass("fontcolor").siblings("li").removeClass("fontcolor");
		$(this).parent("ul").hide();
		$(this).parent("ul").siblings("ul").hide();
		$(".qu_ul").show();
		$(".save_address").show();
		addressArr[1]=$(this).children("a").html();
	})
	$(".suozaishengshi").on("click",".qu_ul li",function(){
		$(this).addClass("fontcolor").siblings("li").removeClass("fontcolor");
		$(this).parent("ul").siblings("ul").hide();
		$(".qu_ul").show();
		addressArr[2]=$(this).children("a").html();
		address=addressArr.join(" ");
		console.log(address)
	})
	
</script>
</body>
</html>